草庐IT

jQuery UI 实例 - 按钮(Button)

全部标签

Javascript 继承——在构造函数中声明的对象在实例之间共享?

我在没有Prototype/jQuery的情况下用JavaScript进行面向对象的编程(我使用jQuery做其他事情)。到目前为止它一直运行良好,但我遇到了继承问题。基本上,当我在构造函数中声明对象时,它们在实例之间共享。下面是一些示例代码:A=function(){this.y=newArray();}A.prototype.doStuff=function(n){this.y.push(n);}B=function(){}B.prototype=newA();varb1=newB();varb2=newB();b1.doStuff(100);b2.doStuff(200);con

javascript - 刷新后才显示 Facebook 分享按钮

上周我在我的Rails应用程序中添加了Facebook和Twitter分享按钮。我认为它们工作正常,但似乎它们加载不可靠,需要刷新才能显示。我认为这是一个turbolinks问题,因为这些事情经常发生,所以我安装了“jquery-turbolinks”gem。这不是turbolinks问题。环顾四周后,我找到了类似thisone的答案在我的twitter函数末尾添加twttr.widgets.load();解决了这个问题,但我没有得到FB.XFBML.parse();使Facebook分享按钮无需刷新即可加载。在thisFacebook开发页面没有将共享按钮列为可以使用该代码修复的问题

javascript - 在 Chrome V8 中实例化从 Object 扩展的类时,super() 不传递参数

下面的代码在ChromeV8中记录false但在Babel中记录true。feedbackfromGoogle说loggingfalse是应该的,而loggingtrue是Babel的一个错误。我查看了ES6规范,但仍然无法理解其背后的机制。任何想法将不胜感激!classNewObjextendsObject{constructor(){super(...arguments);//InV8,afterarguments===[{attr:true}]//ispassedasparametertosuper(),//this===NewObj{}inV8;//butthis===NewO

javascript - 使用 'onclick' 和 JavaScript 获取按钮上的 X/Y 坐标

我是一名JavaScript初学者,正在寻找一种在单击按钮时获取按钮上的x和y坐标的方法。这适用于Opera、IE9和Chrome,但我无法让它在Firefox中运行。到目前为止,这是我的代码:JavaScript中的函数:functionbuttonClick(subEvent){varmainEvent=subEvent?subEvent:window.event;alert("Thisbuttonclickoccurredat:X("+mainEvent.screenX+")andY("+mainEvent.screenY+")");}这是HTML部分:这里的想法是仅在单击按钮时

javascript - 如果我以编程方式选择单选按钮,则调用 change() 事件处理程序

我有这样的HTML:FixedSavingType2和下面的脚本$(function(){$('input[name=type]').change(function(){alert($(this).val());});$('input[value=SV]').attr('checked','checked');});首先,为单选按钮添加了一个更改事件。如果我从UI选择单选按钮,则会触发更改事件处理程序。但是当我以编程方式更改选定的单选按钮值时,它不会触发。我希望在以编程方式选择单选按钮时也触发change事件。 最佳答案 您可以使用

javascript - 除非选中单选按钮,否则如何使复选框变灰?

对javascript很陌生,但如果能帮助我入门,我将不胜感激。我有一个简单的表格:BurgerFrieswiththat?PizzaHotDog除非选中“汉堡”单选按钮,否则我希望“薯条”复选框变灰。我不确定Javascript或CSS是最好的方法。提前致谢! 最佳答案 你想要做的是将元素设置为禁用,直到单选按钮的状态发生变化,这将使用javascript完成,然后你将在单选按钮的onchange中添加/删除禁用的类。您正在考虑使用哪些JavaScript库?jQuery将使这相当简单。$('#burger').change(fu

javascript - 在 iframe 中获取子对象的实例

我需要自动化一个Web表单,该表单使用iframe嵌入子“表单”,可以将其视为单独的html页面。因此,您会得到一个父文档,其中包含他们称之为iframe的View字段。在iframe中是“子”嵌入式网页。一个简单的例子:我已经删除了很多html以将其缩小到合理的大小那么嵌入的子html可以像这样简单:Register:STYLE=中包含的html看起来有点奇怪-不确定为什么会这样。但我可以看出它有点像iframe。我有一个顶级文档对象的实例和一个id=123的div实例。我需要自动化子项中的textarea对象。我尝试了以下方法,但没有用。varviewfields;//isaref

javascript - $ ('.className > button' ) 和 $ ('.className' ).children ('button' ) 有区别吗?

在jQuery中有什么区别$('.className>button')和$('.className').children('button')或者这些只是获得相同结果的替代语法? 最佳答案 不是说你最终会得到什么,但第一个可以完全卸载到浏览器的内置CSS选择引擎,而第二个需要jQuery做更多的工作并涉及更多的对象创建和清理。除非你在一个mousemove处理程序中使用很多元素来做这件事,否则这不太重要,即使那样...... 关于javascript-$('.className>butto

javascript - 如何在 Javascript 中调用外部的 vue 实例

如何在javascript中调用测试vue?这是我的代码,当我在javascript函数中执行某些操作时,我想调用测试。functionclickit(){this.test.fetchTestData();}vartest=newVue({el:'#viewport',data:{test_data:[]},mounted:function(){this.fetchTestData();},methods:{fetchTestData:function(){$.get(test.json,function(data){this.test_data=data;alert(this.te

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面